Webtechnologie Labo Les 11 JavaScript - functies, beslissingsstructuren en lussen
Home

Webtechnologie Labo Les 11 JavaScript - functies, beslissingsstructuren en lussen

Webtechnologie Labo Les 11 JavaScript - functies, beslissingsstructuren en lussen

Het labo bestaat uit twee delen. In het eerste deel maken we 3 oefeningen om te begrijpen wat functies zijn. We maken oefening 11, 12 en 13 samen. De overige oefeningen, oefening 14 tot en met 20 moeten jullie niet maken. Deze zijn optioneel.

Oefening 11

  1. schrijf een functie die de tekst "Hello function world!" in een h1-element op het scherm toont
  2. zorg dat deze functie uitgevoerd wordt
  3. Oplossing

Oefening 12

  1. pas de functie uit vorige oefening aan zodanig dat deze een parameter 'text' heeft waarin je de tekst kan plaatsen die in het h1-element komt te staan
  2. voer deze functie nu uit en geef de tekst "Function with parameter!" mee

Oefening 13

  1. maak van de functie in de vorige opgave een anonieme functie en steek ze in de variabele 'showText’
  2. breid de functie uit met nog een parameter 'id', waarmee je het id van een element kan meegeven, waardoor je deze functie in volgende opgaven kan hergebruiken als je tekst op het scherm wil plaatsen
  3. toon nu met behulp van de functie
    1. in een h1-element "Universal function"
    2. in een p-element "To put text on the screen”

Video oefening 12 en 13

Oefening 21

  1. schrijf een programma waarin de gebruiker gevraagd wordt om zijn score
  2. de gebruiker is geslaagd als zijn score hoger ligt dat 50%
  3. zorg dat de tekst ‘geslaagd' of ‘niet geslaagd' op het scherm komt afhankelijk van het resultaat
  4. Oplossing

Oefening 24

  1. schrijf een programma waar de gebruiker een getal tussen 1 en 10 moet laten raden
  2. zorg dat het programma de gebruiker om een getal blijft vragen totdat deze het juiste getal heeft geraden (tip: gebruik een while loop)
  3. als de gebruiker het juiste getal heeft geraden, toon dan de tekst "Je hebt het juiste getal geraden!" op het scherm
  4. Oplossing

Oefening 28

  1. kopieer de demoData array in het demoData.js bestand op Digitap naar jouw javascript.js bestand
    Ik heb voor het gemak de code hier toegevoegd:
    let demoData = [
        {
          "_id": "5dd21529cdf562a55f3a2122",
          "age": 27,
          "name": "Bird Davis",
          "gender": "male",
          "email": "birddavis@unia.com"
        },
        {
          "_id": "5dd2152949b47064b022e0b2",
          "age": 22,
          "name": "Rosemarie Fields",
          "gender": "female",
          "email": "rosemariefields@unia.com"
        },
        {
          "_id": "5dd2152930a6072a55126d4a",
          "age": 20,
          "name": "Mcgowan Hill",
          "gender": "male",
          "email": "mcgowanhill@unia.com"
        },
        {
          "_id": "5dd215291a9f7b57b5fb6542",
          "age": 21,
          "name": "Marks Parsons",
          "gender": "male",
          "email": "marksparsons@unia.com"
        },
        {
          "_id": "5dd2152977a8756cdea19e51",
          "age": 34,
          "name": "Alexis Britt",
          "gender": "female",
          "email": "alexisbritt@unia.com"
        },
        {
          "_id": "5dd215298100cfa91527522b",
          "age": 36,
          "name": "Aisha Potter",
          "gender": "female",
          "email": "aishapotter@unia.com"
        },
        {
          "_id": "5dd215295a3b0276bd921acc",
          "age": 28,
          "name": "Socorro Atkins",
          "gender": "female",
          "email": "socorroatkins@unia.com"
        },
        {
          "_id": "5dd215298e7ecedae6358f7e",
          "age": 40,
          "name": "Connie Mcmahon",
          "gender": "female",
          "email": "conniemcmahon@unia.com"
        },
        {
          "_id": "5dd21529e8dcda1845babbd6",
          "age": 40,
          "name": "Nadine Stein",
          "gender": "female",
          "email": "nadinestein@unia.com"
        },
        {
          "_id": "5dd21529f657969b374f4673",
          "age": 34,
          "name": "Dollie Patterson",
          "gender": "female",
          "email": "dolliepatterson@unia.com"
        },
        {
          "_id": "5dd215296218d570686e8b6e",
          "age": 31,
          "name": "Helga Rodriquez",
          "gender": "female",
          "email": "helgarodriquez@unia.com"
        },
        {
          "_id": "5dd2152929fa54134dfd01b6",
          "age": 21,
          "name": "Hardin Snider",
          "gender": "male",
          "email": "hardinsnider@unia.com"
        },
        {
          "_id": "5dd21529bc1bb5a0f6a3a5de",
          "age": 33,
          "name": "Foster Bird",
          "gender": "male",
          "email": "fosterbird@unia.com"
        },
        {
          "_id": "5dd215291b27616e6469ed9d",
          "age": 28,
          "name": "Watkins Cash",
          "gender": "male",
          "email": "watkinscash@unia.com"
        },
        {
          "_id": "5dd215295aaccc9f5f63cfb9",
          "age": 27,
          "name": "Jocelyn Blackburn",
          "gender": "female",
          "email": "jocelynblackburn@unia.com"
        },
        {
          "_id": "5dd215293e082a4f5765540b",
          "age": 34,
          "name": "Denise Wilkinson",
          "gender": "female",
          "email": "denisewilkinson@unia.com"
        },
        {
          "_id": "5dd215292f7859bd8c8238f7",
          "age": 35,
          "name": "Roxie Conway",
          "gender": "female",
          "email": "roxieconway@unia.com"
        },
        {
          "_id": "5dd215296324b2bd42823112",
          "age": 35,
          "name": "Finley Mcgee",
          "gender": "male",
          "email": "finleymcgee@unia.com"
        }
      ];
  2. print naam en leeftijd van elke persoon in de array in de console
  3. tel de leeftijd van alle personen ook op en toon deze waarde op het scherm
  4. doe dit alles in 1 loop (tip: gebruik een for of loop
  5. Oplossing

Opdracht

  1. Maak de oefening 11, 12, 13, 21, 24, 28 waarvan de oplossing in de video's getoond worden, zelf.
  2. Maak de opdracht oefening 22, 25, 26, 29 zelf.
  3. De andere opdrachten moet je niet maken!!!!

JI
2020-12-06 20:51:51